<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>21数媒技2班的作品展示平台</title>
		<link href="css/mystyle.css" rel="stylesheet" type="text/css">
		<script src="js/classdata.js"></script>
		<script src="js/jquery.min.js"></script>
		<script>
			$().ready(function(e) {
				$(window.parent.document).find("#cframe").load(function() {
					var main = $(window.parent.document).find("#cframe");
					var thisheight = $(document).height() - 10;
					main.height(thisheight);
				});

				$.each(cdata, function(key, value) {
					//menulist+='<li><a href="'+value.url+'" target="cframe">'+value.no+' '+value.name+'</a></li>';
					$('#clist').append('<li><a href="' + value.url + '" target="cframe">' + value.no + ' ' +
						value.name + '</a></li>');
				});

			});
		</script>
		<style>
			#clist {
				height: 600px;
				overflow-y: scroll;
				overflow-x: hidden;
			}
		</style>
	</head>

	<body>
		<div class="left">
			<div class="logo">
				<div>
					<h2>21数媒技2班</h2>
				</div>
				<h5>前端框架开发技术</h5>
			</div>
			<div class="menu">
				<ul id="clist">
				</ul>
			</div>
		</div>

		<div class="main">
			<iframe name="cframe" src="welcome.html" id="cframe" width="100%" height="600px" frameborder="0"
				scrolling="auto" />
		</div>
	</body>

</html>
